.gateway{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height:100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.gateway .flowInfo{
  flex-grow:1;
  width: 100%;
  height: 50px;
  padding:10px;
  background-color: #EEE;
}

.gateway .flowInfo .flowItem{
  border-right: 2px solid #CCC;
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  box-sizing: border-box;
  padding:0 20px;
  float: left;
  width: 16%;
  display: flex;
  justify-content: space-between;
}

.gateway .flowInfo .flowItem:last-child{
  border:none;
}

.gateway .flowInfo .flowItem span:first{
  font-weight: 0;
}

.gateway .selectHost{
  flex-grow:1;
}

.gateway .selectHost .ant-form-item{
  margin-bottom:10px;
}

.gateway .charts{
  flex-grow:1;
  box-sizing: border-box;
  display: inline-block;
  width: 33.33%;
  height: 310px;
  padding: 10px;
  overflow: hidden;
}

.gateway .newFlow{
    flex-grow:1;
    overflow: hidden;
    padding: 10px;
    width: 66%;
    height: 310px;
    display: inline-block;
}

.gateway .tableTitle{
  font-size: 18px;
  font-weight: 900;
}
